<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <title>首页</title>
    <link rel="stylesheet" href="css/weui.min.css"/>
    <link rel="stylesheet" href="css/jquery-weui.css"/>
    <link rel="stylesheet" type="text/css" href="font/iconfont.css">
    <link rel="stylesheet" href="css/common.css"/>

</head>
<body>
<!--顶部banner-->
<div class="swiper-container index_topbanner" data-space-between='10' data-pagination='.swiper-pagination' data-autoplay="1000">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i1/TB1n3rZHFXXXXX9XFXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""><span><p>合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜合作事宜</p></span></div>
        <div class="swiper-slide"><img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i4/TB10rkPGVXXXXXGapXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""><span>合作事宜</span></div>
        <div class="swiper-slide"><img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i1/TB1kQI3HpXXXXbSXFXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""><span>合作事宜</span></div>
    </div>
    <div class="swiper-pagination" style="text-align: right;bottom: 0px"></div>
</div>
<!--分类-->
<div class="weui-grids index_category">
    <a href="newscenter.html" class="weui-grid js_grid">
        <div class="weui-grid__icon iconfont icon-xinwen" style="background-color:rgb(255,102,102);">
        </div>
        <p class="weui-grid__label">
            新闻
        </p>
    </a>
    <a href="tongzhi.html" class="weui-grid js_grid" >
        <div class="weui-grid__icon iconfont icon-tongzhigonggao2" style="background-color:rgb(255,170,51);">

        </div>
        <p class="weui-grid__label">
            通知公告
        </p>
    </a>
    <a href="" class="weui-grid js_grid" >
        <div class="weui-grid__icon iconfont icon-xuexijiaoyu" style="background-color:rgb(29,191,164)">

        </div>
        <p class="weui-grid__label">
            在线测试
        </p>
    </a>
    <a href="fanfu.html" class="weui-grid js_grid" >
        <div class="weui-grid__icon iconfont icon-zhengcefagui2 " style="background-color:rgb(46,184,230);">

        </div>
        <p class="weui-grid__label">
            反腐倡廉
        </p>
    </a>
    <a href="" class="weui-grid js_grid" >
        <div class="weui-grid__icon iconfont icon-xunzhang" style="background-color:rgb(29,191,164)">

        </div>
        <p class="weui-grid__label">
            入党纪念
        </p>
    </a>
    <a href="" class="weui-grid js_grid" >
        <div class="weui-grid__icon iconfont icon-xiangce-copy " style="background-color:rgb(46,184,230);">

        </div>
        <p class="weui-grid__label">
            活动相册
        </p>
    </a>
    <a href="" class="weui-grid js_grid" >
        <div class="weui-grid__icon iconfont icon-huodong5050 " style="background-color:rgb(29,191,164)">

        </div>
        <p class="weui-grid__label">
            活动报名
        </p>
    </a>
    <a href="" class="weui-grid js_grid " >
        <div class="weui-grid__icon iconfont icon-gongshigonggao" style="background-color:rgb(255,170,51);">

        </div>
        <p class="weui-grid__label">
            任务管理
        </p>
    </a>
    <a href="" class="weui-grid js_grid" >
        <div class="weui-grid__icon iconfont icon-toupiao" style="background-color:rgb(46,184,230);">

        </div>
        <p class="weui-grid__label">
            投票调研
        </p>
    </a>
    <a href="" class="weui-grid js_grid" >
        <div class="weui-grid__icon iconfont icon-jiaofei " style="background-color:rgb(255,119,51);">

        </div>
        <p class="weui-grid__label">
            党费缴纳
        </p>
    </a>
    <a href="" class="weui-grid js_grid" >
        <div class="weui-grid__icon iconfont icon-jifenshangcheng" style="background-color:rgb(255,170,51);">

        </div>
        <p class="weui-grid__label">
            我的积分
        </p>
    </a>
    <a href="" class="weui-grid js_grid" >
        <div class="weui-grid__icon iconfont icon-gengduo " style="background-color:rgb(187,187,187);">

        </div>
        <p class="weui-grid__label">
            更多
        </p>
    </a>

</div>
<!--我的积分-->
<div class="weui-flex index_mypoints">
    <div class="my_pointsTitle">
        <div class="iconfont icon-jifenshangcheng"></div>
        <div class="points_biaoti">我的积分</div>
    </div>
    <div class="weui-flex__item">
        <div class="swiper-container my_points">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><a href="JavaScript:;">本月个人积分: <i>10</i> 排名: <i>1</i></a> </div>
                <div class="swiper-slide"><a href="javascript:;">本年个人积分: <i>10</i> 排名: <i>1</i></a> </div>
                <div class="swiper-slide"><a href="javascript:;">本月支部积分: <i>20</i> 排名: <i>3</i></a> </div>
                <div class="swiper-slide"><a href="javascript:;">本年支部积分: <i>20</i> 排名: <i>9</i> </a></div>
            </div>
        </div>
    </div>
</div>
<!--新闻详情-->
<div class="index_news">
    <div class="weui-panel weui-panel_access">
        <div class="weui-panel__hd">
            <div class="news_top iconfont icon-xuexijiaoyu" style="background-color:#ffaa33;">
            </div>
            <div class="news_bottom">
                <div>教育学习</div>
                <div>2018-01-05 10:51</div>
            </div>
        </div>
        <div class="weui-panel__bd">
            <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd" style="width: 90px">
                    <img class="weui-media-box__thumb" src="image/news1.jpg">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">标题一</h4>
                </div>
            </a>
        </div>
        <div class="weui-panel__ft">
            <a href="javascript:void(0);" class="weui-cell weui-cell_access weui-cell_link">
                <div class="weui-cell__bd">查看更多</div>
            </a>
        </div>
    </div>
    <div class="weui-panel weui-panel_access">
        <div class="weui-panel__hd">
            <div class="news_top iconfont icon-xuexijiaoyu" style="background-color:#ffaa33;">
            </div>
            <div class="news_bottom">
                <div>教育学习</div>
                <div>2018-01-05 10:51</div>
            </div>
        </div>
        <div class="weui-panel__bd">
            <a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
                <div class="weui-media-box__hd" style="width: 90px">
                    <img class="weui-media-box__thumb" src="image/news1.jpg">
                </div>
                <div class="weui-media-box__bd">
                    <h4 class="weui-media-box__title">标题一</h4>
                </div>
            </a>
        </div>
        <div class="weui-panel__ft">
            <a href="javascript:void(0);" class="weui-cell weui-cell_access weui-cell_link">
                <div class="weui-cell__bd">查看更多</div>
            </a>
        </div>
    </div>
</div>
<div style="height: 53px"></div>
<footer>
    <div class="weui-tab index_foot">
        <div class="weui-tabbar">
            <a href="index.html" class="weui-tabbar__item weui-bar__item--on">
                <!--<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>-->
                <div class="weui-tabbar__icon iconfont icon-shouye">
                </div>
                <p class="weui-tabbar__label">首页</p>
            </a>
            <a href="organization.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon iconfont icon-msnui-org">
                </div>
                <p class="weui-tabbar__label">组织</p>
            </a>
            <a href="news.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon iconfont icon-xinwen">
                </div>
                <p class="weui-tabbar__label">新闻</p>
            </a>
            <a href="party_school.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon icon-jianzhuhomeshouye iconfont">

                </div>
                <p class="weui-tabbar__label">党校</p>
            </a>
            <a href="personal.html" class="weui-tabbar__item">
                <div class="weui-tabbar__icon iconfont icon-renwu">
                </div>
                <p class="weui-tabbar__label">个人</p>
            </a>
        </div>
    </div>
</footer>
</body>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/jquery-weui.js"></script>
<script src='js/fastclick.js'></script>
<script src="js/swiper.js"></script>
<script src="js/index.js"></script>
</html>